module.exports = `
doctype html
html
  head
    meta(charset="utf-8")
    meta(name="viewport", content="width=device-width,initial-scale=1.0")
    title 好前端
    link(rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css")
    link(rel="stylesheet" href="https://cdn.bootcss.com/video.js/7.0.0-rc.1/alt/video-js-cdn.css")
    link(rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css")
    link(rel="stylesheet" href="/css/my-video.css")
    script(src="https://cdn.bootcss.com/video.js/7.0.0-rc.1/video.js")
    script(src="https://cdn.bootcss.com/videojs-contrib-hls/5.14.1/videojs-contrib-hls.min.js")
    script(src="https://cdn.bootcss.com/hls.js/0.9.1/hls.min.js")
    script(src="https://cdn.bootcss.com/jquery/2.0.3/jquery.min.js")
  body
    .player-container
      .player-layout.vis-hd
        .player-area
          .player-video-message
            ul.video-relatives-nav
              li.prev-chepter
                if prev_url
                  a(href=prev_url)
                    i.fa.fa-arrow-left
                    span.hidden-xs 上一节
              li.course-title 
                a(href=course_url)
                  i.fa.fa-arrow-up 
                  span !{course_title}
              li.next-chepter
                if next_url
                  a(href=next_url)
                    i.fa.fa-arrow-right
                    span.hidden-xs 下一节

          .player-video-wrap
            .player-video.video-js.h100p(src=video_src)
              video#my-player.video-js(controls="")
              // .control-bar
              //   .progress-control
              //     .play-progress
              //   .video-play.video-control
              //     button.play-control.play-btn
              //       i.fa.fa-play
              //   .video-duration.video-control
              //     span 04:31 
              //     | /
              //     span 11:32
              //   .fullscreen-control.video-control
              //     button.play-btn
              //       i.fa.fa-arrows-alt

        .player-toolbar-box
          span.toggle-btn
            i.fa.fa-chevron-circle-right
            i.fa.fa-chevron-circle-left
          .video-relatives-nav
            a.on 目录
            a 问答
            a.share-btn 分享

          .video-relatives-con
            .contents.relatives-box.on
              dl.chapter-mini-list
                each item in video_list
                  dt.tit !{item.chapter}
                  each item2 in item.list
                    dd 
                      a(href=item2.url, class=item2.url == current_url ? "on" : "")
                        span.list-type
                          i.fa.fa-caret-right
                        span.chapter-text.text-ellipsis !{item2.title}
            .wenda.relatives-box
              button.btn.btn-default.pull-right.submit-btn 发起提问
            .share.relatives-box

    script(src="https://unpkg.com/marked@0.3.6")
    script(src="https://unpkg.com/lodash@4.16.0")
    script(src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js")
    script(src="/js/my-video.js")

`



